<!--
input 组件
props：
type：输入框的类型，可填number等，默认text(视浏览器兼容性)
placeholder： 提示语
v-model：
该输入框的值，双向绑定
-->
<template>
      <input type="text"  :value="value" @input="$emit('input', $event.target.value)" :placeholder="placeholder">
</template>
<style lang="less" scoped>
@import url('../../style/mixin.less');
@import url('./theme.less');
    input{
        width: calc(100% - 20px);
        border: none;
        height: 30px;
        margin: 0 10px;
        border: 1px solid @input-border-color;
        border-radius: @input-border-radius;
        text-indent: 10px;
        color: @input-font-color;
        .placeholder;
    }

</style>
<script>
export default {
  props:{
      type:{
          default:'text'
      },
      placeholder:{
          default: '请输入...'
      },
      value:{

      }
  }
  
}
</script>
